// 1.使用commonjs的模块化规范
const {add, mul} = require('./js/mathUtil.js');
console.log(add(20, 30));
console.log(mul(20, 30));

// 2.使用ES6的模块化规范
import {name, age} from "./js/info";
console.log(name);
console.log(age);

// 3.依赖css文件,需要安装style-loader
require("./css/style.css");

// 4.依赖less文件,需要安装less-loader
require("./css/special.less");

document.writeln('<h2>aaa</h2>');

import Vue from "vue"

const app = new Vue({
  el: "#app",
  template: `
  <div>
    <h2>{{message}}</h2>
    <button @click="butClick">按钮</button>
  </div>`,
  data: {
    message: "哈哈哈"
  },
  methods: {
    butClick() {

    }
  },
})